@charset "UTF-8";
/**
 * webren.css
 * @authors Jhin (ijhin@sina.com)
 * @date    2016-09-25 10:31:52
 * @version $Id$
 */
html { fomt-famiily: '宋体'; }
body,
ul,
ol,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
table,
td,
img,
div,
dl,
dt,
dd { margin: 0; padding: 0; border: 0; }
body { background: #f7f7f7; color: #555; font-size: 18px; margin: 0 auto;}
a,
a:link,
a:active,
a:hover,
a:visited { color: #555; text-decoration: none; }
a[type=button] { color: #fff !important; }
input[type=text],
textarea { border-radius: 5px; border: 1px solid #e3e3e3; background: #fff; -webkit-appearance: none; }
@media only screen and (max-width:310px) and (min-width:300px) {
body { font-size: 10px }
}
@media only screen and (max-width:320px) and (min-width:310px) {
body { font-size: 10px }
}
@media only screen and (max-width:360px) and (min-width:320px) {
body { font-size: 12px }
}
@media only screen and (max-width:360px) and (min-width:350px) {
body { font-size: 12px }
}
@media only screen and (max-width:480px) and (min-width:360px) {
body { font-size: 14px }
}
@media only screen and (max-width:480px) and (min-width:470px) {
body { font-size: 14px }
}
@media only screen and (max-width:560px) and (min-width:480px) {
body { font-size: 16px }
}
@media only screen and (max-width:570px) and (min-width:560px) {
body { font-size: 16px }
}
@media only screen and (max-width:640px) and (min-width:570px) {
body { font-size: 18px }
}
@media only screen and (max-width:640px) and (min-width:630px) {
body { font-size: 18px }
}
ul,
li,
dl,
dt,
dd,
p,
h1,
h2,
h3,
h4,
h5,
form,
img,
div { margin: 0; padding: 0; list-style: none; border: 0 none; }
.con { background: #f7f7f7; overflow: hidden; }
del { color: #bbb; }
.h4-list { font-size: 1.4em; padding: 0.6em; }
.star { width: 7em; height: auto; }
/*过度效果*/
.webr-transition05 { -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease }
/* 全局公共样式的设定 */
.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}
.wdh-30 {width: 30%;}
.wdh-70 {width: 70%;}
.wdh-25px {width: 25px;}
.wdh-75px {width: 75px;}
.mgn-l-10px {margin-left: 10px;}
li { list-style-type: none; }
h1,
h2,
h3,
h4,
h5,
h6 { font-weight: normal; }
.webr-text-left { text-align: left; }
.webr-border-none { border: none; }
.webr-margin-lr { margin-left: 0.6em; margin-right: 0.6em; }
.webr-margin-tb { margin-top: 0.6em; margin-bottom: 0.6em; }
.webr-padding-lr { padding-left: 0.6em; padding-right: 0.6em; }
.webr-padding-tb { padding-top: 0.6em; padding-bottom: 0.6em; }
.webr-border-radius100 { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -o-border-radius: 100%; }
.webr-border-radius0 { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.webr-icon-color { color: silver; }
.webr-diaplay-box { display: -webkit-box; display: -moz-box; display: -ms-box; display: box; }
.webr-box-flex { -webkit-box-flex: 1; -moz-box-flex: 1; -ms-box-flex: 1; box-flex: 1; display: block; width: 100%; }
.webr-margin-bottom0 { margin-bottom: 0 !important; }
.webr-clear-over { clear: both; overflow: hidden; height: auto; }

/*icon灰色*/
.webr-icon { background-repeat: no-repeat; background-position: center center; background: url(../img/iconall.png) no-repeat; background-size: 15em; }
.webr-icon1 { background-size: 18em; }
.webr-icon-cate3 { background-position: -0.1em 0em; }
.webr-icon-home { background-position: -6.45em -0.2em; }
.webr-icon-search { background-position: -10.8em -0.2em; }
.webr-icon-search1 { background-position: -12.85em 0em; }
.webr-icon-cate { background-position: -0.1em 0em; background-size: 13em; }
.webr-icon-flow { background-position: -2.7em -0.15em; }
.webr-icon-user { background-position: -12.98em -0.15em; }
.webr-icon-history { background-position: -5.4em -0.1em; }

/*头部导航*/
.navbar-left {float: left; width: 15%; height: 45px;}
.navbar-left a {display: block; width: 45px; height: 45px; margin: auto; background: url(../img/arrow_left.png) no-repeat 15px center; background-size: auto 16px;}
/*底部导航*/
.webr-nav { color: #999; background: #fcfcfc; height: 4.2em; width: 100%; border-top: 1px solid #e3e3e3; position: fixed; bottom: 0; z-index:100; }
.webr-nav a { color: #999; }
.webr-nav ul li { padding: 0.3em 0; width: 20%; }
.webr-nav ul li i { display: block; width: 1.9em; height: 1.9em; margin: 0.1em auto; }

/*推荐任务 webr-tjlist*/
.webr-tjlist 
.webr-tjlist-img img {width: 100%; height: 89px; display: inline;}
.webr-tjlist-money{color: red;}
